
<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <script>var _speedMark = new Date</script>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>欢迎来到陈睎个人blog</title>
    <meta name="keywords" content="欢迎来到陈睎个人blog">
    <meta name="description" content="陈睎个人blog">
    <meta name="viewport" content="width=device-width,initial-scale=1">
     <link rel="stylesheet" href="css/index1.css">
    <link rel="stylesheet" href="css/index2.css">
    <script>var _hmt = _hmt || []; !function () { var e = document.createElement("script"); e.src = "https://hm.baidu.com/hm.js?505e918f7806e570cbcd048887d8a02e"; var t = document.getElementsByTagName("script")[0]; t.parentNode.insertBefore(e, t) }()</script>
</head>

<body>
    <!--[if lt IE 9]>
           <div class="browserupgrade">
                <div class="tip">"Duang"，档次太低了，快去升级吧！</div>
                <div class="tip-author"> -by XiXi </div>
                <a href=" http://browsehappy.osfipin.com/ ">点我去升级</a>
            </div>
            <style>.main{display:none}</style>
        <![endif]-->
    <div class="main">
        <header id="header" class="header">
            <div class="container">
                <h1 class="logo"><a class="scrollto" href="#"><span
                            class="logo-icon-wrapper"><img class="logo-icon"
                                src="img/1.jpg" alt="icon"></span><span
                            class="text"><span class="highlight">ChenXi</span></span></a></h1>
                <nav class="main-nav navbar-right" role="navigation">
                    <div class="navbar-header"><button class="navbar-toggle" type="button" data-toggle="collapse"
                            data-target="#navbar-collapse"><span class="sr-only">Chen Xi</span> <span
                                class="icon-bar"></span> <span class="icon-bar"></span> <span
                                class="icon-bar"></span></button></div>
                    <div id="navbar-collapse" class="navbar-collapse collapse">
                        <ul class="nav navbar-nav">
                            <li class="nav-item active"><a class="scrollto" href="#">首页</a></li>
                            <li class="nav-item"><a class="scrollto" target="_blank"
                                    href="https://www.w3school.com.cn/html/index.asp">HTML</a></li>
                            <li class="nav-item"><a class="scrollto" target="_blank"
                                    href="https://github.com/Dawn-xixi/">Github</a></li>
                            <li class="nav-item"><a class="scrollto hot" target="_blank"
                                    href="http://nodejs.cn/api/">node</a></li>
                            <li class="nav-item"><a class="scrollto"target="_blank"
                                    href="https://v4.bootcss.com/docs/getting-started/introduction/">Bootstrap</a></li>
                            <li class="nav-item"><a class="scrollto" target="_blank"
                                    href="https://blog.csdn.net/qq_41432935/article/details/82289566">Web前端</a></li>
                            <li class="nav-item"><a class="scrollto" target="_blank"
                                    href="#">关于</a></li>
                        </ul>
                    </div>
                </nav>
            </div>
        </header>
        <div id="indexCarousel" class="carousel slide" data-ride="carousel" data-interval="5000">
            <ol class="carousel-indicators">
                <li data-target="#indexCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#indexCarousel" data-slide-to="1"></li>
                <li data-target="#indexCarousel" data-slide-to="2"></li>
                <li data-target="#indexCarousel" data-slide-to="3"></li>
            </ol>
            <div class="carousel-inner">
                <div class="item active item-1"><a
                        href="#"
                        target="_blank">
                        <div class="container hire-info">
                            <p class="hire-name">嘻嘻嘻嘻嘻嘻<br>2020</p>
                            <p class="hire-title">武汉加油！！！</p>
                        </div>
                    </a></div>
                <div class="item item-tweb2019"><a href="#" target="_blank"></a>
                </div>
                <div class="item item-0"><a href="#" target="_blank">
                        <div class="item-info">
                            <p class="title-name">学习前段<span id="weeklyNum"></span></p>
                            <p class="title-desc">认真努力吧</p>
                        </div>
                    </a></div>
                <div class="item item-2"><a href="#" target="_blank">
                        <div class="item-info">
                            <p class="title-name">XiXi</p>
                            <p class="title-desc">赶紧敲代码</p>
                        </div>
                    </a></div>
            </div>
        </div>
        <section class="i-wrap i-project">
            <div class="container">
                <h2 class="i-main-title"><span class="text"><span>系列一</span><span>/</span>个人博客项目</span> <span
                        class="sub-title">爱死了</span></h2>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-6 col-xs-12"><a href="#" target="_blank">
                            <article class="i-art-wrap art1">
                                <div class="i-ad-img"><img src="img/1.jpg">
                                </div>
                                <h3>nice</h3>
                                <p>第一组</p><i class="light"></i>
                            </article>
                        </a></div>
                    <div class="col-md-3 col-sm-6 col-xs-12"><a href="#"
                            target="_blank">
                            <article class="i-art-wrap art2">
                                <div class="i-ad-img"><img
                                        src="img/2.jpg"></div>
                                <h3>good</h3>
                                <p>第二组</p><i class="light"></i>
                            </article>
                        </a></div>
                    <div class="col-md-3 col-sm-6 col-xs-12"><a href="#"
                            target="_blank">
                            <article class="i-art-wrap art3">
                                <div class="i-ad-img"><img
                                        src="img/3.jpg"></div>
                                <h3>happy</h3>
                                <p>第三组</p><i class="light"></i>
                            </article>
                        </a></div>
                    <div class="col-md-3 col-sm-6 col-xs-12"><a href="#"
                            target="_blank">
                            <article class="i-art-wrap art4">
                                <div class="i-ad-img"><img
                                        src="img/4.jpg"></div>
                                <h3>biu~</h3>
                                <p>第四组</p><i class="light"></i>
                            </article>
                        </a></div>
                </div>
            </div>
            <div class="i-more"><a class="btn btn-default btn-lg" href="#"
                    target="_blank">更多学习方法 &gt;</a></div>
        </section>
        <section class="i-wrap i-subject">
            <div class="container">
                <h2 class="i-main-title"><span class="text"><span>系列二</span><span>/</span>作品</span> <span
                        class="sub-title">沉迷学习无法自拔</span></h2>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-6 col-xs-12"><a href="#" target="_blank"
                            title="你是最帅的">
                            <div class="i-subject-wrap">
                                <div class="i-subject-head"><img
                                        src="img/11.jpg"></div>
                                <p class="i-desc">Come on!</p>
                                <p class="i-desc">就差你了</p>
                            </div>
                        </a></div>
                    <div class="col-md-3 col-sm-6 col-xs-12"><a
                            href="" target="_blank"
                            title="加入前端  疯狂学习">
                            <div class="i-subject-wrap">
                                <div class="i-subject-head"><img
                                        src="img/22.jpg"></div>
                                <p class="i-desc">bang!</p>
                                <p class="i-desc">介绍前端</p>
                            </div>
                        </a></div>
                    <div class="col-md-3 col-sm-6 col-xs-12"><a href="#"
                            target="_blank" title="理解学习内容">
                            <div class="i-subject-wrap">
                                <div class="i-subject-head"><img
                                        src="img/33.jpg"></div>
                                <p class="i-desc">多动手</p>
                                <p class="i-desc">专业开发</p>
                            </div>
                        </a></div>
                    <div class="col-md-3 col-sm-6 col-xs-12"><a href="#"
                            target="_blank" title="HTML5骨骼动画引擎">
                            <div class="i-subject-wrap">
                                <div class="i-subject-head"><img
                                        src="img/4.jpg"></div>
                                <p class="i-desc">快点画</p>
                                <p class="i-desc">键盘翘起来了</p>
                            </div>
                        </a></div>
                </div>
                <div class="i-more"><a class="btn btn-default btn-lg" href="#"
                        target="_blank">更多爱好 &gt;</a></div>
            </div>
        </section>
        <section class="i-wrap i-blog">
            <div class="container">
                <h2 class="i-main-title"><span class="text"><span>Blog</span><span>/</span>博客</span> <span
                        class="sub-title">超漂亮的博客</span></h2>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <div class="i-panel clear">
                            <h2 class="i-p-title">最新博客 <a href="#" target="_blank"><i
                                        class="i-icon-more"></i></a></h2>
                            <ul class="i-text-news" id="post_container">
                            
                            </ul>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="i-panel clear">
                            <h2 class="i-p-title">博客分类 <a href="#" target="_blank"><i
                                        class="i-icon-more"></i></a></h2>
                            <div>
                                <div class="blog-category col-sm-6 col-xs-12"><a
                                        href="#" target="_blank">
                                        <div class="category-icon color1"><img
                                                src="img/wang.jpg"></div>
                                        <div class="category-name">
                                            <h2>生活琐碎1</h2>
                                            <div class="desc">something。。。。</div>
                                        </div>
                                    </a>
                                    </div>

                                <div class="blog-category col-sm-6 col-xs-12"><a
                                        href="#">
                                        <div class="category-icon color2"><img
                                                src="img/wang.jpg"></div>
                                        <div class="category-name">
                                            <h2>生活琐碎2</h2>
                                            <div class="desc">something。。。。</div>
                                        </div>
                                    </a></div>
                                <div class="blog-category col-sm-6 col-xs-12"><a
                                        href="#" target="_blank">
                                        <div class="category-icon color3"><img
                                                src="img/wang.jpg"></div>
                                        <div class="category-name">
                                            <h2>Node.js</h2>
                                            <div class="desc">something。。。。</div>
                                        </div>
                                    </a></div>
                                <div class="blog-category col-sm-6 col-xs-12"><a
                                        href="#" target="_blank">
                                        <div class="category-icon color4"><img
                                                src="img/wang.jpg"></div>
                                        <div class="category-name">
                                            <h2>开发</h2>
                                            <div class="desc">是个大问题</div>
                                        </div>
                                    </a></div>
                                <div class="blog-category col-sm-6 col-xs-12"><a
                                        href="#" target="_blank">
                                        <div class="category-icon color5"><img
                                                src="img/wang.jpg"></div>
                                        <div class="category-name">
                                            <h2>生活5琐碎</h2>
                                            <div class="desc">something。。。。</div>
                                        </div>
                                    </a></div>
                                <div class="blog-category col-sm-6 col-xs-12"><a
                                        href="#"
                                        target="_blank">
                                        <div class="category-icon color6"><img
                                                src="img/wang.jpg">
                                        </div>
                                        <div class="category-name">
                                            <h2>生活琐碎6</h2>
                                            <div class="desc">something。。。。</div>
                                        </div>
                                    </a></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="i-wrap i-starrank">
            <div class="container">
                <h2 class="i-main-title"><span class="text"><span>Family</span><span>/</span>家人们</span> <span
                        class="sub-title">O(∩_∩)O哈哈~</span></h2>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-md-4 col-xs-12">
                        <div class="i-star-wrap">
                            <div class="i-head">
                                <div class="i-img-wrap"><img src="img/1.jpg">
                                </div>
                                <h3>第一个</h3>
                            </div>
                            <div class="desc">1111</div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xs-12">
                        <div class="i-star-wrap">
                            <div class="i-head">
                                <div class="i-img-wrap"><img
                                        src="img/2.jpg"></div>
                                <h3>第二个</h3>
                            </div>
                            <div class="desc">22222222222222</div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xs-12">
                        <div class="i-star-wrap">
                            <div class="i-head">
                                <div class="i-img-wrap"><img
                                        src="img/3.jpg"></div>
                                <h3>第三个</h3>
                            </div>
                            <div class="desc">333333333333333</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="i-more"><a class="btn btn-default btn-lg" target="_blank"
                    href="#">更多 &gt;</a></div>
        </section>
        <footer class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-5 col-sm-12 footer-info">
                        <div class="logo-wrapper"><img class="logo"
                                src="img/1.jpg"> <span
                                class="name">Chen Xi</span>
                            <div class="slogan">知名博主</div>
                            <div class="copyright">Copyright<span style="margin:0 3px">&copy;</span>
                                <script>document.write((new Date).getFullYear())</script><a
                                    href="" target="_blank">Chen Xi</a>. All Rights Reserved.
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2 footer-links">
                        <h4>我的</h4>
                        <div class="links"><a href="#" target="_blank" class="link-item">爱好</a>
                            <a href="#" target="_blank" class="link-item">兴趣</a> <a
                                href="#" target="_blank" class="link-item">专长</a> <a
                                href="#" target="_blank" class="link-item">颜值</a> <a
                                href="#" target="_blank" class="link-item">示例1</a> <a
                                href="#" target="_blank" class="link-item">示例2</a></div>
                    </div>
                    <div class="col-md-2 footer-links">
                        <h4>分享</h4>
                        <div class="links"><a href="#" target="_blank"
                                class="link-item">Github</a> <a href="#" target="_blank"
                                class="link-item">HTML5</a> <a href="#" target="_blank"
                                class="link-item">Web开发</a> <a href="#" target="_blank"
                                class="link-item">前端内容</a> <a href="#" target="_blank"
                                class="link-item">node.js</a> <a href="#" target="_blank"
                                class="link-item">bootstrap中文文档</a> <a href="https://v4.bootcss.com/docs/getting-started/introduction/" target="_blank"
                                class="link-item">and...</a></div>
                    </div>
                    <div class="col-md-3 col-sm-12 footer-qr">
                        <div class="row">
                            <div class="col-md-6 col-xs-6 qr-item"><img
                                    src="img/QQ.jpg">
                                <p>QQ：2501562034</p>
                            </div>
                            <div class="col-md-6 col-xs-6 qr-item"><img
                                    src="img/vx.jpg">
                                <p>微信:Dawn</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>
    <script src="js/jq.js"></script>
    <script src="js/bt.js"></script>
    <script src="js/index.js"></script>
    <script src="js/stats.js" charset="UTF-8"></script>
</body>

</html>